// 注意：封装模块/组件的时候，一定要将功能相关的结构、样式、依赖的组件都拿过来
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    ScrollView,
} from 'react-native';



class Menu extends Component{
    render() {
        return (
            <ScrollView
                horizontal={true}
                showsHorizontalScrollIndicator={false}
                onScroll={()=>{console.log('滚动啦！');}}
                style={styles.sview}
                contentContainerStyle={styles.sviewin}
            >
                <Text style={styles.word}>首页</Text>
                <Text style={styles.word}>体育</Text>
                <Text style={styles.word}>热点</Text>
                <Text style={styles.word}>娱乐</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
                <Text style={styles.word}>军事</Text>
            </ScrollView>
        )
    }
}


const styles = StyleSheet.create({
    word:{
        fontSize:20,
        color:'rgba(0,0,0,0.6)',
        paddingLeft:20,
        paddingRight:20,
    },
    sview:{
        height: 70,
    },
    sviewin:{
        alignItems:'center',
    },
});

export default Menu;




